//引入需要变成全局组件的组件
import SvgIcon from '@/components/SvgIcon/index.vue'

import Category from '@/components/Category/index.vue'

// 引入的是一个对象
//引入elemen-plus提供全部图标组件
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 然后我们把全部的组件对象放在一个对象的身上
const allGlobalComponent = {
  SvgIcon,
  Category,
}

//对外暴露插件对象
export default {
  //@ts-ignore
  //务必叫做install方法
  install(app) {
    // console.log(app)
    //注册项目的全局组件
    Object.keys(allGlobalComponent).forEach((key) => {
      // 注册为全局组件
      //@ts-ignore
      app.component(key, allGlobalComponent[key])
    })
    //将element-plus提供图标注册为全局组件
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
      app.component(key, component)
    }
  },
}
